<!DOCTYPE html>
<html>
	<head>
		<meta content="IE=11.0000" http-equiv="X-UA-Compatible" /> 
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
		<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0" /> 
		<meta name="apple-mobile-web-app-capable" content="yes" /> 
		<meta name="apple-mobile-web-app-status-bar-style" content="black" /> 
		<meta name="format-detection" content="telephone=no" /> 
		<meta name="format-detection" content="email=no" /> 
		<meta http-equiv="pragma" content="no-cache" /> 
		<meta http-equiv="cache-control" content="no-cache" /> 
		<meta name="keywords" content="境外就业网,出国劳务,出国打工,新加坡劳务,新加坡打工,辽宁境外就业网,劳务输出公司,出国劳务中介,辽宁打工,劳务合同,新加坡出国指南,沈阳劳动力,人才,澳大利亚劳务,美国工作,加拿大务工,辽宁劳务信息,江苏劳务外派,上海输出劳务,北京国际劳务,研修生,工作准证,出国签证,护士出国,厨师出国,国外工作,护照,jwjy,chuguo,work abroad,job,job361,361job" /> 
		<meta name="description" content="境外就业网,出国劳务共享平台，国际人生规划专家。国家商务部许可资质，12年外派劳务经验。境外就业网提供出国咨询、面试培训、签证解析、就业指导、服务保障为一体的一站式出国就业平台。境外就业网,海外工作通！" /> 
		<link rel="shortcut icon" href="../favicon.ico"/>
		<link rel="bookmark" href="../favicon.ico"/>
		<title>出国桥</title> 
		<link rel="stylesheet" href="../css/style.css" />
		<link rel="stylesheet" href="../css/reset.css" />
		<script type="text/javascript" src="../js/jquery-1.8.3.min.js" ></script>
		<script>
		$(document).ready(function(){

    		var wi = document.body.clientWidth;

    		var wie = wi/3;

    		$(".zc-cgq img").width(wie);

    	})

    	window.onresize=function(){    //手机屏幕横过来，会改变屏幕大小，重新设置

    		var wi = document.body.clientWidth;

    		var wie = wi/3;

    		$(".zc-cgq img").width(wie);

    	}
		$(function(){
			$("#zc-x").click(function(){ 

				var phone = document.getElementById('phone').value; 
				if(!(/^1[3|4|5|7|8]\d{9}$/.test(phone))){ 
					
					$(".ts").css("display","block");
				} else{
					$(".zc-one").css("display","none");
					$(".zc-two").css("display","block");
				}

			});
			$("#zc-y").click(function(){ 
				$(".zc-two").css("display","none");
				$(".zc-three").css("display","block");
				$(".ts").css("display","none");
			});
			$("#zc-z").click(function(){ 
				alert("完成")
			});
		})
		</script>
	</head>
	<body>
		<div class="zc-head">
			<p><a href="###"><</a></p>
			<div class="zc-jz"><a href="###">登录</a>/<a href="###">注册</a>
				<div class="clear"></div>
			</div>
			<p class="sy"><a href="###">首页</a></p>
			<div class="clear"></div>
			<div class="zc-cgq">
				<img src="../img/16.png" />
			</div>
		</div>
		<div class="zc-main">
			<div class="zc-one">
			<p>请输入手机号进行注册或登录</p>
			<span></span>
			<input type="text" class="input" id="phone" name="" value="请输入手机号" onFocus="if(value==defaultValue){value='';this.style.color='#656565'}" onBlur="if(!value){value=defaultValue;this.style.color='#adadad'}" style="color:#adadad" />
			<div class="ts">请输入正确的手机号</div>
			<div class="clear"></div>
			<div class="zc-button" id="zc-x">下一步</div>
			</div>
			<div class="zc-two">
			<p>我们已经给你发送了验证短信</p>
			<p>请输入短信验证码</p>
			<span></span>
			<input type="text" class="input"  id="" name="" value="收到的6位短信验证码" onFocus="if(value==defaultValue){value='';this.style.color='#656565'}" onBlur="if(!value){value=defaultValue;this.style.color='#adadad'}" style="color:#adadad" />
			<div class="tsq">请输入正确的验证码</div>
			<div class="clear"></div>
			<div class="zc-button" id="zc-y">下一步</div>
			<div class="tsd"><img src="../img/wen.png" />收不到短信验证码</div>
			</div>
			<div class="zc-three">
			<p style="font-size: 2em;text-align: center;margin-bottom: 0;">注册成功!</p>
			<p style="text-align: center;">请输入登录密码以便下次登录</p>
			<span></span>
			<input type="text" class="input"  id="password" name="" value="输入6位登录密码" onFocus="if(value==defaultValue){value='';this.style.color='#656565'}" onBlur="if(!value){value=defaultValue;this.style.color='#adadad'}" style="color:#adadad" />
			<div class="clear"></div>
			<div class="zc-button" id="zc-z">完成</div>
			</div>
		</div>
	</body>
</html>
